<template>
    <div class="combos">
        <ul>
            <li v-for="(item,index) in list" :key="index">
                <combos-item :title="item.title" :options="item.options"></combos-item>
            </li>
        </ul>
    </div>
</template>
<script>
import combosItem from './combos-item'
export default{
    props:{
        list:{
            type:Array
        }
    },
    data(){
        return {}
    },
    components:{
        combosItem
    }
}
</script>
<style lang="scss">
.combos{
    ul>li{
        margin-bottom:15px;
        &:last-child{
            margin-bottom: 0px;
        }
    }
}
</style>